.fuse{
  width:100%;
  height: 100%;
  color: #ffffff;
  .fuse-left-side{
    position: absolute;
    top: 10px;
    left:10px;
    bottom: 10px;
    width:400px;
    margin-right:15px;
    display: flex;
    flex-direction: column;
  }
  .fuse-middle-side{
    position: absolute;
    top: 0px;
    left:415px;
    right:415px;
    height: 80px;
  }
  .fuse-right-side{
    position: absolute;
    top: 10px;
    right:10px;
    bottom: 10px;
    width:400px;
    display: flex;
    flex-direction: column;
  }
  .border{
   background: url(../images/img15.png) no-repeat;
   background-size: 100% 100%;
    position: relative;
  }
  .fuse-side_top{
    height:160px;
    margin-bottom:15px;
    .fuse-left-side_person{
       box-sizing: border-box;
       padding:0 20px;
       cursor: pointer;
       li{
         line-height: 40px;
         font-size: 18px;
        
       }
       li:not(:first-child){
        span:nth-child(1){
          display: inline-block;
          width:108px;
        }
        span:nth-child(2){
          display: inline-block;
          width:80px;
        }
       }
    }
    
  }
  .fuse-side_middle{
    flex:1;
    margin-bottom:15px;
   
  }
  .fuse-side_bom{
    flex:1;
  }

  .fuse-main{
    position: absolute;
    top:50px;
    left:0;
    bottom:0;
    right:0;
    // box-sizing: border-box;
    // padding:10px;
  }
  .fuse-census{
    display: flex;
    position: absolute;
    top:15px;
    right:15px;
    left:15px;
    &>li{
      flex:1;
      height: 1rem;
      box-sizing: border-box;
      padding:5px 15px;
      border:1px solid #16244c;
      margin-right:15px;
      background: url(../images/img1.png) no-repeat;
      background-size:100% 100%;
      p{
        height: 35px;
        line-height: 35px;
        span:first-child{
          font-size: 18px;
          margin-right:10px;
        }
        span:nth-child(2){
          color:blue;
          font-size: 16px;
        }
      }
      ol{
        display: flex;
        margin-top:10px;
        li{
          flex:1;
          font-size: 16px;
          span{
            color:yellow;
          }
        }
      }
    }
    &>li:nth-child(5){
      margin-right:0px;
    }
    
  }
}
.analysis{
  width:100%;
  height:100%;
  display: flex;
}
.analysis-left{
  width:45%;
  height:100%;
  border-right:1px solid #ccc;
}
.analysis-right{
  flex:1;
}
.realscore{
  width:100%;
  height:auto;
  border-bottom:1px solid #ccc;
  position: relative;
}
.pointssort{
  width:100%;
  height:280px;
  position: relative;
}
.analyse{
  width:100%;
  height:50%;
  border-bottom:1px solid #ccc;
  position: relative;
}
.subheading{
  font-style: 24px;
  font-weight: 600;
  padding:8px 15px;
}
.substance{
  width:100%;
  position: absolute;
  left:0;
  right:0;
  bottom:0;
  top:35px;
}
.smalltitle{
  padding:10px 0;
}
.loader{
  width:50px;
  height:50px;
}
.loader a{
  line-height: 50px;
}
.proposal{
  box-sizing: border-box;
  padding:0 20px;
}
.proposal li{
  height: 35px;
  line-height: 35px;
  border-bottom: 1px dashed #ccc;
}
.proposal li span:first-child{
  display: inline-block;
  width:30px;
  text-align: center;
}
.level{
  display: flex;
  width:100%;
  height: 100%;
  .level-left{
    width:300px;
    height: 100%;
    margin-right: 15px;
    border:1px solid #ccc;
    .risk-title{
      height:40px;
      line-height: 40px;
      background: #f2f2f2;
      box-sizing: border-box;
      padding-left:10px;
    }
    .risk-list{
      padding:0 15px;
      li{
        line-height: 35px;
        cursor: pointer;
      }
    }
  }
  .level-right{
    flex:1
  }
}
.fuse-title{
  height: 0.6rem;
  line-height: 0.6rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px;
  font-size: 0.2rem;
  letter-spacing: 1px;
  i{
    cursor: pointer;
    position: absolute;
    right: 1rem;
    top: -0.1rem;
    color: #8dc0ff;
  }
}
.el-table, .el-table__expanded-cell{
  background-color: rgba(255,255,255,0)!important;
}
.backtable th,
.backtable tr {
 // background-color: #5854a8!important;
  background-color: rgba(255,255,255,0)!important;
}
.backtable td,
.backtable th.is-leaf {
  border-bottom: 1px solid #31426b !important;
}
.backtable thead {
  color: #ffffff !important;
}
.backtable .el-table--border::after,
.backtable .el-table--group::after,
.backtable .el-table::before {
  background-color: #31426b !important;
}
// .backtable .el-table--enable-row-hover .el-table__body tr:hover > td {
//   background-color: #31426b !important;
// }
// .backtable .el-table--enable-row-hover .el-table__body tr:hover > td {
//   background-color: rgba(6, 26, 57, 0.8) !important;
// }
.backtable {
  color: #3d93ef !important;
}
.backtable .el-table__header-wrapper th, .el-table .el-table__fixed-header-wrapper th {
  word-break: break-word;
  background-color: #f8f8f9;
  color: #9cbbff;
  height: 40px;
  font-size: 13px;
}
.backtable .el-table__empty-block {
 // background: #1c1a46 !important;
 background-color: rgba(255,255,255,0)!important;
}
.backtable::before {
  display: none !important;
}
.case{
  width:100%;
  height: 100%;
  color: #ffffff;
//  position: relative;
  .case-left-side{
    position: absolute;
    top: 10px;
    left:10px;
    bottom: 10px;
    width:400px;
    margin-right:15px;
    display: flex;
    flex-direction: column;
    // border:1px solid rgba(60,177,195,0.37);
    background: url(../images/img16.png) no-repeat;
    background-size: 100% 100%;
    padding:30px 10px 20px 10px;
    box-sizing: border-box;
    overflow: auto;
    .case-txt{
      width:100%;
      height:110px;
    }
    .case-content{
      position: absolute;
      top:110px;
      left:10px;
      right:10px;
      bottom:0;
      overflow: auto;
    }
    .area_show{
      border: 1px solid #254163;
      width: 100%;
      border-radius: 4px;
      display: flex;
      li{
        flex:1;
        text-align: center;
        height:45px;
        line-height: 45px;
      }
      li:first-child{
        border-right: 1px solid #254163;
      }
    }
  }
  .case-middle-side{
    position: absolute;
    top: 10px;
    left:415px;
    right:415px;
    height: 80px;
  }
  .case-right-side{
    position: absolute;
    top: 10px;
    right:10px;
    bottom: 10px;
    width:400px;
    display: flex;
    box-sizing: border-box;
    flex-direction: column;
    background: url(../images/img16.png) no-repeat;
    background-size: 100% 100%;
    padding:30px 10px 20px 10px;
    overflow: auto;
  }
  .case-main{
    width:100%;
  }
  .case-substance{
    width:100%;
    height:210px;
  }
  .happy-scroll-content{
    width:100%;
  }
}
// .el-table tr:hover{
//   background-color: red;
// }
.case-census{
  display: flex;
  position: absolute;
  top:15px;
  right:15px;
  left:15px;
  &>li{
    flex:1;
    height: 1rem;
    box-sizing: border-box;
    padding:5px 10px;
    border:1px solid #16244c;
    margin-right:15px;
    background: url(../images/img1.png) no-repeat;
    background-size:100% 100%;
    p{
      height: 35px;
      line-height: 35px;
      span:first-child{
        font-size: 18px;
        margin-right:10px;
      }
      span:nth-child(2){
        color:blue;
        font-size: 16px;
      }
    }
    ol{
      display: flex;
      margin-top:10px;
      li{
        flex:1;
        font-size: 16px;
        span{
          color:yellow;
        }
      }
    }
  }
  &>li:nth-child(5){
    margin-right:0px;
  }
  
}
.content_center {
  margin: 0 0.1rem 0.2rem 0.1rem;
  display: flex;
  .fuse-side_middle {
    flex: 1;
    background: url('../../assets/images/img15.png') no-repeat;
    background-size: 100% 100%;
    position: relative;
    .fuse-title {
      height: 0.6rem;
      line-height: 0.6rem;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 20px;
      font-size: 0.2rem;
      letter-spacing: 1px;
      span {
        color: #fff;
      }
    }
    .fuse-main {
      position: absolute;
      top: 50px;
      left: 0;
      bottom: 0;
      right: 0;
    }
  }
  .fuse-side_middle:nth-child(2) {
    margin: 0 0.35rem;
  }
}